<template>
	<div id="wrapper">
		<nav class="navbar navbar-default top-navbar" role="navigation">
			<div class="navbar-header">
				<a class="navbar-brand waves-effect waves-dark" href="index.html">
					<img style="float: left; margin-right: 10px"  src="../../plugin/img/logo-white.png" width="100" >
					<strong>文档管理Portal</strong>
				</a>
			</div>
			<div id="sideNav" href="">
				<i class="material-icons dp48">toc</i>
			</div>
			<ul class="nav navbar-top-links navbar-right">
				<li><a class="dropdown-button waves-effect waves-dark" href="#!" data-activates="dropdown1"><i class="fa fa-user fa-fw"></i> <b>username</b> <i class="material-icons right">arrow_drop_down</i></a></li>
			</ul>
		</nav>
		<!-- Dropdown Structure -->
		<ul id="dropdown1" class="dropdown-content">
			<li><a href="#"><i class="fa fa-user fa-fw"></i> 权限</a> </li>
			<li><a href="#"><i class="fa fa-gear fa-fw"></i> 设置</a> </li>
			<li><a href="login.html"><i class="fa fa-sign-out fa-fw"></i> 退出</a> </li>
		</ul>
		<nav class="navbar-default navbar-side" role="navigation">
			<div class="sidebar-collapse">
				<ul class="nav" id="main-menu">
					<li> <a class="active-menu waves-effect waves-dark" href="index.html"><i class="fa fa-dashboard"></i> 总览</a> </li>
					<li> <a class=" waves-effect waves-dark" href="list.html"><i class="fa fa-code"></i> 产品研发</a> </li>
					<li> <a class=" waves-effect waves-dark" href="list.html"><i class="fa fa-desktop"></i> 产品展示</a> </li>
					<li> <a class=" waves-effect waves-dark" href="list.html"><i class="fa fa-cog"></i> 研发管理</a> </li>
					<li> <a class="waves-effect waves-dark" href="list.html"><i class="fa fa-folder"></i> 研发资料</a> </li>
					<li> <a class=" waves-effect waves-dark" href="list.html"><i class="fa fa-wrench"></i> 工具</a> </li>
					<li> <a class="waves-effect waves-dark" href="list.html"><i class="fa fa-retweet"></i> 标准规范</a> </li>
					<li> <a class="waves-effect waves-dark" href="list.html"><i class="fa fa-briefcase"></i> 实施</a> </li>
					<li> <a class="waves-effect waves-dark" href="list.html"><i class="fa fa-group -circle"></i> 售前</a> </li>
					<li> <a href="#" class="waves-effect waves-dark"><i class="fa fa-gears"></i> 管理与支持 <span class="fa arrow"></span></a>
						<ul class="nav nav-second-level">
							<li> <a  class="waves-effect waves-dark" href="fees.html"><i class="fa  fa-table"></i> 云服务器分配情况</a> </li>
							<li> <a  class="waves-effect waves-dark" href="from.html"><i class="fa fa-edit"></i>云服务器申请单</a> </li>
							<li> <a  class="waves-effect waves-dark" href="#"><i class="fa fa-folder-open"></i>SVN申请</a> </li>
							<li> <a  class="waves-effect waves-dark" href="#"><i class="fa fa-bar-chart-o"></i>SVN使用统计</a> </li>
						</ul>
					</li>
				</ul>
			</div>
		</nav>
	</div>
</template>

<script>

// 导入CSS样式
// import '../../plugin/css/custom-styles.scss';
// import '../../plugin/materialize/css/materialize.min.scss';
// import '../../plugin/css/bootstrap-theme.min.scss';
// import '../../plugin/css/bootstrap.min.scss';
// 导入JS
// import '../../plugin/js/nav';
// import '../../plugin/js/bootstrap.min';
// import '../../plugin/js/jquery.metisMenu';
// import '../../plugin/js/jquery-1.10.2';
// import '../../plugin/materialize/js/materialize.min';
export default {

};
</script>
